<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--360浏览器优先以webkit内核解析-->


<title>- 主页示例</title>

<link rel="shortcut icon" href="favicon.ico">
<link
	href="${pageContext.request.contextPath}/static/back/css/bootstrap.min.css?v=3.3.6"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath}/static/back/css/font-awesome.css?v=4.4.0"
	rel="stylesheet">

<link
	href="${pageContext.request.contextPath}/static/back/css/animate.css"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath}/static/back/css/style.css?v=4.1.0"
	rel="stylesheet">

</head>

<body class="gray-bg">
	<div class="wrapper wrapper-content">
		
		<div class="col-sm-4" >
			<div class="row row-sm text-center">
				<div class="col-xs-6">
					<div class="panel padder-v item">
						<div class="h1 text-info font-thin h1">521</div>
						<span class="text-muted text-xs">新添用户</span>
						<div class="top text-right w-full">
							<i class="fa fa-caret-down text-warning m-r-sm"></i>
						</div>
					</div>
				</div>
				<div class="col-xs-6">
					<div class="panel padder-v item bg-info">
						<div class="h1 text-fff font-thin h1">521</div>
						<span class="text-muted text-xs">今日访问</span>
						<div class="top text-right w-full">
							<i class="fa fa-caret-down text-warning m-r-sm"></i>
						</div>
					</div>
				</div>
				<div class="col-xs-6">
					<div class="panel padder-v item bg-primary">
						<div class="h1 text-fff font-thin h1">521</div>
						<span class="text-muted text-xs">新添订单</span>
						<div class="top text-right w-full">
							<i class="fa fa-caret-down text-warning m-r-sm"></i>
						</div>
					</div>
				</div>
				<div class="col-xs-6">
					<div class="panel padder-v item">
						<div class="font-thin h1">$129</div>
						<span class="text-muted text-xs">新增评论</span>
						<div class="bottom text-left">
							<i class="fa fa-caret-up text-warning m-l-sm"></i>
						</div>
					</div>
				</div>
			</div>
			
		</div>
		
		 <div class="col-sm-5" style = "margin-left:200px;">
                        <div class="ibox float-e-margins">
                        <div class="" id="ibox-content">

                            <div id="vertical-timeline" class="vertical-container light-timeline">
                                <div class="vertical-timeline-block">
                                    <div class="vertical-timeline-icon navy-bg">
                                        <i class="fa fa-briefcase"></i>
                                    </div>

                                    <div class="vertical-timeline-content">
                                        <h2>会议</h2>
                                        <p>上一年的销售业绩发布会。总结产品营销和销售趋势及销售的现状。
                                        </p>
                                        <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                        <span class="vertical-date">
                                    今天 <br>
                                    <small>2月3日</small>
                                </span>
                                    </div>
                                </div>

                                <div class="vertical-timeline-block">
                                    <div class="vertical-timeline-icon blue-bg">
                                        <i class="fa fa-file-text"></i>
                                    </div>

                                    <div class="vertical-timeline-content">
                                        <h2>给张三发送文档</h2>
                                        <p>发送上年度《销售业绩报告》</p>
                                        <a href="#" class="btn btn-sm btn-success"> 下载文档 </a>
                                        <span class="vertical-date">
                                    今天 <br>
                                    <small>2月3日</small>
                                </span>
                                    </div>
                                </div>

                                <div class="vertical-timeline-block">
                                    <div class="vertical-timeline-icon lazur-bg">
                                        <i class="fa fa-coffee"></i>
                                    </div>

                                    <div class="vertical-timeline-content">
                                        <h2>喝咖啡休息</h2>
                                        <p>喝咖啡啦，啦啦啦~~</p>
                                        <a href="#" class="btn btn-sm btn-info">更多</a>
                                        <span class="vertical-date"> 昨天 <br><small>2月2日</small></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        </div>
                    </div>
		
	</div>










			<!-- 全局js -->
			<script
				src="${pageContext.request.contextPath}/static/back/js/jquery.min.js?v=2.1.4"></script>
			<script
				src="${pageContext.request.contextPath}/static/back/js/bootstrap.min.js?v=3.3.6"></script>
			<script
				src="${pageContext.request.contextPath}/static/back/js/plugins/layer/layer.min.js"></script>
			
			<!-- 自定义js -->
			<script
				src="${pageContext.request.contextPath}/static/back/js/content.js"></script>
			<!--flotdemo-->
			
			<!-- 业务处理 -->
    <script type="text/javascript">
 
        // 头部文件和尾部文件
        $(function () {
           
            pageViewStatistics();
        })
 
       
        //页面访问量统计
        function pageViewStatistics(){
            $.ajax({
                type: "GET",
                url: "${path}/CookieServlet/userPageViewApi.action",
                dataType: 'json',
                success: function (result) {
 
                    if (result.code == 200) {
 
                        console.log(result.toString());
 
                        $.cookie('user_pv_today', result.data.today);
                        $.cookie('user_pv_history', result.data.history);
 
                        $(".pv").html("今日访问量：<span class='text-success'>"+ $.cookie('user_pv_today') +"</span>  总访问量：<span class='text-success'>"+ $.cookie('user_pv_history')+"</span>");
 
                    }else {
                        $(".pageview").html("");
                    }
                }
            });
        }
 
 

</script>			
</body>

</html>
